/*UI for Index2.php*/
body{
	background-color:#39414a;
	position:relative;
	top:-7px;
	left:-8px;
	width:1006px;
//	border:solid red 1px;
}
a{
	text-decoration:none;
}
#button{
	position:relative;
	top:-68px;
	left:20px;
}

div{
//	border:solid red 1px;
}
span{
//	border:solid red 1px;
}
#dialog{
	display:none;
}

#mainContentDiv{
	position:relative;
	top:-69px;
	width:950px;
	height:auto;
	border-left:solid 4px;
	border-bottom:solid 4px;
	border-right:solid 4px;
	border-color:#060808;
	margin:0px auto;
//	background-color:#0f1314;
	background-color:#f3f3cc;
}

#main{
	position:relative;
	top:-50px;
	height:500px;
	width:auto;
/*	border:solid red 2px;*/
}

iframe{
	border:none;
}

/*--UPPER-PART----------------------------------------------------------*/
#header{
	height:135px;
	width:auto;
	background-color:#0f1923;
}
#horizontalBar{
	height:15px;
	width:auto;
	background-color:#2c3033;
}
#shadow{
	height:70px;
	width:auto;
	background-image:url('images/shadow.png');
}
#logo{
	position:relative;
	top:-120px;
	left:0px;
	height:40px;
	width:165px;
	background-image:url('images/logo.png');
}

/*--UPPER-PART----------------------------------------------------------*/
#menu{
	position:relative;
	top:-103px;
	left:-6px;
	height:47px;
	width:958px;
}
#menu_left{
	height:47px;
	width:13px;
	background-image:url('images/menu_left.png');
}
#menu_center{
	position:relative;
	top:-47px;
	left:13px;
	height:47px;
	width:932px;
	background-image:url('images/menu_center.png');
}
#menu_right{
	position:relative;
	top:-94px;
	left:945px;
	height:47px;
	width:13px;
	background-image:url('images/menu_right.png');
}
/*--MENU------------------------------------------------------------*/

/*--CLIENT------------------------------------------------------------*/
#client{
	position:relative;
	width:auto;
	top:12px;
	left:10px;
	color:white;
	font-size:20px;
	font-family:Tw Cen MT;
}

#clientBar{
	height:5px;
	width:48px;
}
/*--CLIENT------------------------------------------------------------*/

/*--ENZYME------------------------------------------------------------*/
#enzyme{
	position:relative;
	top:-16px;
	left:73px;
	color:white;
	font-size:20px;
	font-family:Tw Cen MT;
}
#enzymeBar{
	height:5px;
	width:48px;
}
/*--ENZYME------------------------------------------------------------*/

/*--PROCEDURE------------------------------------------------------------*/
#procedure{
	position:relative;
	top:-39px;
	left:150px;
	color:white;
	font-size:20px;
	font-family:Tw Cen MT;
}
#procedureBar{
	height:5px;
	width:48px;
}
/*--PROCEDURE------------------------------------------------------------*/

/*--SEARCH------------------------------------------------------------*/
#search{
	position:relative;
	top:-62px;
	left:640px;
	color:white;
	font-size:20px;
	font-family:Tw Cen MT;
}
#search_i{
	position:relative;
	top:-31px;
	left:294px;
}
#search_i input#search_i_new{
	position:relative;
	top:-32px;
	left:345px;
	border:solid 2px #2c3033;
	height:26px;
}
#searchIcon{
	position:absolute;
	top:2px;
	left:915px;
}
/*--SEARCH------------------------------------------------------------*/

/*--FORM------------------------------------------------------------*/
span{
	font-size:12px;
	color:red;
}
input#company:focus, input#company:hover, input#address:focus, input#address:hover, input#cellNo:focus, input#cellNo:hover, input#telNo:focus, input#telNo:hover, input#faxNo:focus, input#faxNo:hover, input#emailAdd:focus, input#emailAdd:hover{
	background-color:#f2f2f2;
}
/*--FORM------------------------------------------------------------*/


/*UI*/



/*--AddClientView------------------------------------------------------------*/
/*CLIENTLIST*/
#clientList{
	position:absolute;
	top:0px;
	left:25px;
	width:205px;
	height:auto;
	display:none;
}
#upperCL{
	width:205px;
	height:30px;
	background-image:url('images/clientListUpper.png');
}
#upperCL span{
	position:relative;
	top:7px;
	left:68px;
	color:white;
	font-weight:bold;
	font-size:15px;
	font-family:arial;
}
#rowCL{
	width:203px;
	color:black;
	font-weight:bold;
	font-size:large;
	border-left:solid #115500 1px;
	border-right:solid #115500 1px;
}
#inner2{
	position:relative;
	left:3px;
	width:197;
}
#lowerCL{
	width:205px;
	height:22px;
	background-image:url('images/clientListLower.png');
}
/*CLIENTLIST*/

/*CLIENTVIEW*/
#clientView{
	position:absolute;
	top:0px;
	left:245px;
	width:680px;
	height:370px;
	display:none;
	font-family:arial;
}
#upperCV{
	width:680px;
	height:30px;
	background-image:url('images/clientViewUpper.png');
}
#upperCV span{
	position:relative;
	top:7px;
	left:20px;
	color:white;
	font-weight:bold;
	font-size:15px;
	font-family:arial;
}
#upperCV span span{
	position:relative;
	top:0px;
	left:0px;
	color:white;
	font-weight:bold;
	font-size:15px;
	font-family:arial;
}
#middleCV{
	width:678px;
	height:500px;
	border-left:solid #115500 1px;
	border-right:solid #115500 1px;
	background-color:white;
}
#lowerCV{
	width:680px;
	height:22px;
	background-image:url('images/clientViewLower.png');
}
#viewCompany{
	position:relative;
	top:20px;
	left:25px;
	width:300px;
	height:70px;
	font-size:16px;
	font-weight:bold;
	background-color:#fff7c0;
} 
#viewCellNo{
	position:relative;
	top:-50px;
	left:355px;
	width:300px;
	height:70px;
	font-size:16px;
	font-weight:bold;
	background-color:#fff7c0;
}
#viewAddress{
	position:relative;
	top:-20px;
	left:25px;
	width:300px;
	height:70px;
	font-size:16px;
	font-weight:bold;
	background-color:#fff7c0;
} 
#viewTelNo{
	position:relative;
	top:-90px;
	left:355px;
	width:300px;
	height:70px;
	font-size:16px;
	font-weight:bold;
	background-color:#fff7c0;
}
#viewEmailAdd{
	position:relative;
	top:-60px;
	left:25px;
	width:300px;
	height:70px;
	font-size:16px;
	font-weight:bold;
	background-color:#fff7c0;
}
#viewFaxNo{
	position:relative;
	top:-130px;
	left:355px;
	width:300px;
	height:70px;
	font-size:16px;
	font-weight:bold;
	background-color:#fff7c0;
}
#company_l, #address_l, #emailAdd_l, #cellNo_l, #telNo_l, #faxNo_l{
	position:relative;
	top:5px;
	left:5px;
	width:200;
	font-size:12px;
}
#companyError, #addressError, #emailAddError, #cellNoError, #telNoError, #faxNoError, #clientError, #nameError, #originError, #dateError{
	display:none;
}

#company_i, #address_i, #emailAdd_i, #cellNo_i, #telNo_i, #faxNo_i{
	position:relative;
	top:10px;
	left:5px;
	font-size:30px;
	width:200;
}
input#companyValue, input#addressValue, input#emailAddValue, input#cellNoValue, input#telNoValue, input#faxNoValue{
	font-size:28px;
}

#clientViewButton{
	position:absolute;
	top:0px;
	left:245px;
	width:680px;
	height:370px;
	display:none;
	font-family:arial;
}



#clientMessage{
	position:absolute;
	top:300px;
	left:245px;
//	border:solid 1px brown;
	width:680px;
	height:200px;
}




























div#headerClientList{
	position:relative;
	left:0px;
	border-top:solid black 1px;
	border-left:solid black 1px;
	border-right:solid black 1px;
	width:920px;
	height:20px;
	background-color:#999967;
}
a{
	text-decoration:none;
}
/*HEADER--------------------------------------*/
div#headerClientList div#a1{
	position:relative;
	top:-1px;
	text-align:center;
	border-right:solid black 1px;
	border-bottom:solid black 1px;
}
div#headerClientList div#a2{
	position:relative;
	top:-22px;
	text-align:center;
	border-right:solid black 1px;
	border-bottom:solid black 1px;
}
div#headerClientList div#a3{
	position:relative;
	top:-43px;
	text-align:center;
	border-right:solid black 1px;
	border-bottom:solid black 1px;
}
div#headerClientList div#a4{
	position:relative;
	top:-64px;
	text-align:center;
	border-right:solid black 1px;
	border-bottom:solid black 1px;
}
div#headerClientList div#a5{
	position:relative;
	top:-85px;
	text-align:center;
	border-right:solid black 1px;
	border-bottom:solid black 1px;
}
div#headerClientList div#a6{
	position:relative;
	top:-106px;
	text-align:center;
	border-right:solid black 1px;
	border-bottom:solid black 1px;
}
div#headerClientList div#a7{
	position:relative;
	top:-127px;
	text-align:center;
	border-right:solid black 1px;
	border-bottom:solid black 1px;
}
/*header sort*/
#headerClientList div a{
	text-decoration:none;
	color:black;
}
/*HEADER--------------------------------------*/

/*ROWS--------------------------------------*/

/*background-color changer*/
div.row1{
	border-bottom:solid black 1px;
	border-left:solid black 1px;
	border-right:solid black 1px;
	width:920px;
	height:20px;
	background-color:white;
	word-wrap: break-word;
}

/*background-color changer*/
div.row2{
	border-bottom:solid black 1px;
	border-left:solid black 1px;
	border-right:solid black 1px;
	width:920px;
	height:20px;
	background-color:#dddddd;
}

/*on hover change backgound-color*/
div.row1:hover, div.row2:hover{
	background-color:none;
	background-color:yellow;
}

#a1{
	position:relative;
	top:0px;
	left:0px;
	width:150px;
	height:20px;
	white-space:normal;
	border-right:solid black 1px;
	overflow: hidden;
}
#a2{
	position:relative;
	top:-20px;
	left:150px;
	width:150px;
	height:20px;
	white-space:normal;
	border-right:solid black 1px;
	overflow: hidden;
}
#a3{
	position:relative;
	top:-40px;
	left:300px;
	width:150px;
	height:20px;
	white-space:normal;
	border-right:solid black 1px;
	overflow: hidden;
}
#a4{
	position:relative;
	top:-60px;
	left:450px;
	width:150px;
	height:20px;
	white-space:normal;
	border-right:solid black 1px;
	overflow: hidden;
}
#a5{
	position:relative;
	top:-80px;
	left:600px;
	width:150px;
	height:20px;
	white-space:normal;
	border-right:solid black 1px;
	overflow: hidden;
}
#a6{
	position:relative;
	top:-100px;
	left:750px;
	width:150px;
	height:20px;
	white-space:normal;
	border-right:solid black 1px;
	overflow: hidden;
}
#a7{
	position:relative;
	top:-120px;
	left:900px;
	width:20px;
	height:20px;
	white-space:normal;
	overflow: hidden;
}
#editIcon{
	position:relative;
	left:2px;
	width:18px;
}
#rowData{
	position:relative;
	left:5px;
	width:140px;
	overflow: hidden;
}

/*ROWS--------------------------------------*/

/*--AddClientView------------------------------------------------------------*/



